﻿﻿﻿<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>iphone 7的30天内回收平均价格3360元-回购网 - 二手数码回收平台</title>
    <meta name="keywords" content="iphone 7 iphone7 7 苹果7 苹果 7"/>
    <meta name="description" content="iphone 7 iphone7 7 苹果7 苹果 7"/>
    <meta name="baidu-site-verification" content="IpuQLFxZiC"/>
    <meta name="chinaz-site-verification" content="081e7651-48c6-4c2f-a569-99321685eab1"/>
    <meta name="mobile-agent" content="format=html5;url=http://m.ihuigo.com/goods/info/21025.html">
    <meta name="applicable-device" content="pc">
    <link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.ihuigo.com/goods/info/21025.html">
    <link href="../favicon.ico" type=image/x-icon rel="Icon">
    <link href="../css/new_css/global.css" rel="stylesheet" type="text/css">
    <script src="../js/new_js/jquery-1.4.2.js" type="text/javascript"></script>
    <script src="../js/new_js/new_public.js" type="text/javascript"></script>
    <script type="text/javascript">
    </script>
    <link href="../css/new_css/sub.css" rel="stylesheet" type="text/css">
    <script src="../js/public.js" type="text/javascript"></script>
    <script src="../js/new_js/menu.js" type="text/javascript"></script>
    <script src="../js/new_js/new_goods.js" type="text/javascript"></script>
</head>
<body>
<link rel="stylesheet" type="text/css" href="../css/alert_zhe.css"/>
<script type="text/javascript" src="../js/alert_zhe.js"></script>
<!--头部--><!--手机回收-->
<div class="recovery">
    <script type="text/javascript">
        $(document).ready(function () {
            $(".new_search_btn").click(function () {
                $(".new_search").slideToggle();
            });
        });
    </script>
    <%
        String good_name = request.getParameter("good_name");
//        Integer good_id = Integer.parseInt(request.getParameter("good_id"));
        request.setAttribute("good_name",good_name);
//        request.setAttribute("good_id",good_id);
    %>
    <div class="page2" style="position:relative">
        <div class="new_search_btn" style="position:absolute; left:-40px; top:-11px; cursor:pointer;"><img
                src="../images/new_images/search_btn.png" alt="搜索您要评估价格的机型"/></div>
        <div style="height:30px; line-height:30px; font-size:14px;"><a href="">首页</a> &gt;
            <a href="ershoushouji.html">手机</a> &gt;
            <a href="ershouiphone.html"> iPhone</a> &gt;
            <a href=""><%=good_name%></a>

        </div>
        <div class="heat_l">
            <div class="heat_img" id="good_img">
            </div>
            <div class="heat_txt">
                <div class="heat_name"><span><%=good_name%></span></div>
                <dl class="heat_ts">
                    <dd id="dd1">
                    </dd>
                    <script type="text/javascript">
                        // console.log(good_name);
                        // alert(good_name);
                        doQuery();
                        function doQuery() {
                            $.post("${pageContext.request.contextPath}/good/good",{good_name:"${good_name}"},function (res) {
                                showData(res);
                            },"json");
                        }

                        function showData(res) {
                            $("#dd1").html("");
                            var str = "<em>"+res.good_cost+"</em>元<br/>30天内回收最高价";
                            $("#dd1").append(str);
                            $("#good_img").html("");
                            var str1 = "<img src='../images/goods/"+res.good_img+"'width='180' height='135' alt='"+res.good_name+"闲置回收价格评估'/> "
                            $("#good_img").append(str1);
                        }
                    </script>
                    <dt class="clear"></dt>
                </dl>
                <div class="heat_bao"><img src="../images/new_images/icon10.gif" alt="iphone 7回收免费享受第三方理赔服务"/>可免费享受第三方理赔服务
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>
        <script src="../js/new_js/morris/raphael-2.1.0.min.js"></script>
        <script src="../js/new_js/morris/morris.js"></script>
        <link rel="stylesheet" href="../js/new_js/morris/morris.css">
        <div class="heat_r">
            <div class="heat_title"><span>回购价格趋势</span><samp>单位：元</samp></div>
            <div class="heat_pic">
                <div id="graph" style="width:360px; height:210px; margin-top:0px;"></div>
            </div>
            <script>
                var day_data = [
                    {"elapsed": "7", "价格": "2614"}
                    , {"elapsed": "8", "价格": "2607"}
                    , {"elapsed": "9", "价格": "2660"}
                    , {"elapsed": "10", "价格": "2822"}
                    , {"elapsed": "11", "价格": "2929"}
                ];
                Morris.Line({
                    element: 'graph',
                    data: day_data,
                    xkey: 'elapsed',
                    ykeys: ['价格'],
                    labels: ['价格'],
                    parseTime: false
                });
            </script>
        </div>
        <div class="clear"></div>
    </div>
</div>
<!--手机回收-->
<!--评估流程-->
<div id="ahs_trade_body">
    <input type="hidden" id="view" value="goods_info"/>
    <input type="hidden" id="if_show_price" value="1"/>
    <input type="hidden" id="gid" name="gid" value="21025"/>
    <input type="hidden" id="package_id" name="package_id" value="571"/>
    <div id="ahs_property_head">
        <p>开始评估你的手机，只需3步，获得产品精准评估报价</p>
        <!--步骤一-->
        <div class="speed" id="speed1"><img src="../images/new_images/step1.gif" alt="第1步评估手机的基本情况"/></div>
        <!--步骤一-->
        <!--步骤二-->
        <div class="speed" id="speed2"><img src="../images/new_images/step2.gif" alt="第2步评估手机的功能使用情况"/></div>
        <!--步骤二-->
        <!--步骤三-->
        <div class="speed" id="speed3"><img src="../images/new_images/step3.gif" alt="第一步评估手机的外观成色"/></div>
        <!--步骤三-->
    </div>
    <div id="ahs_property_body">
        <!--第一步-->
        <div id="property_step1">
            <dl>
                <dd>
                    <input type="hidden" name="property[]" id="property_version" value="0"/>
                    <div id="bb" class="property_title"><h3>版本</h3></div>
                    <ul id="ul1">
<%--                        <li class="" onClick="property_click(this,'version','725')" name="sx_child_1">--%>
<%--                            <div class="pro_div"><span class="property_value"><i>大陆行货</i><ins>内地购买，有“进网许可证”标签。</ins></span><span--%>
<%--                                    class="gou"></span></div>--%>
<%--                        </li>--%>
                        <div class="clear"></div>
                    </ul>

                    <script type="text/javascript">

                        doQuery1();
                        function doQuery1(){
                            $.post("${pageContext.request.contextPath}/detail/detailList",{good_name:"${good_name}"},function(res) {
                                console.log(res);
                                showData1(res);
                            },"json");
                        }

                        function showData1(res){
                            $("#ul1").html("");
                            var roles = res;
                            for (var i = 0; i < roles.length; i++) {
                                var role = roles[i];
                                var str = " <li onClick=\"property_click(this,'version','725')\" name=\"sx_child_1\" id='"+role.info_detail_id+"'>  ";
                                str += "  <div class=\"pro_div\"><span class=\"property_value\"> ";
                                str += " <i>"+role.info_detail_name+"</i> ";
                                str += " <ins>"+role.info_detail_desc+"</ins></span><span class=\"gou\"></span></div></li> ";
                                $("#ul1").append(str);


                            }
                        }
                        function	property_click(obj,suffix,property_id){
                            var name	=$(obj).attr('name');
                            $("li[name='"+name+"']").attr('class','');
                            $(obj).attr('class','selected');
                            $("#property_"+suffix).val(property_id);
                            //自动下一步
                            // auto_go_next(obj);
                        }

                    </script>
                </dd>
                <div id="step1_nav" class="property_nav">
                    <div id="btn_step1_next" class="btn_next">下一步</div>
                </div>
            </dl>
        </div>
        <!--第一步-->
        <!--第二步-->
        <div id="property_step2" class="hide">
            <dl>
                <dd>
                    <div class="property_title">
                        <h3>功能情况（可多选或不选）</h3>
                    </div>
                    <ul id="ul2">
                        <input type="hidden" name="desc_pid[]" value="944"/>
                        <input type="hidden" name="desc_id[]" id="desc_id_944" value="945"/>

                        <script type="text/javascript">
                            doQuery2();
                            function doQuery2(){
                                $.post("${pageContext.request.contextPath}/detail/detailList2",{good_name:"${good_name}"},function(res) {
                                    // console.log(res);
                                    showData2(res);
                                },"json");
                            }
                            //渲染数据
                            function showData2(res){
                                $("#ul2").html("");
                                var roles = res;
                                for (var i = 0; i < roles.length; i++) {
                                    var role = roles[i];
                                    var str = " <li onClick=\"item_click(this,'944','946','945')\" name=\"mx_child_944\" id='"+role.info_detail_id+"'> ";
                                    str += "  <div class=\"pro_div\"> ";
                                    str += " <span class=\"property_value\"><i>"+role.info_detail_name+"</i> ";
                                    str += " <ins>"+role.info_detail_desc+"</ins></span><span class=\"gou\"></span></div></li> ";
                                    $("#ul2").append(str);
                                }
                            }
                        </script>

<%--                        <li onClick="item_click(this,'944','946','945')" name="mx_child_944">--%>
<%--                            <div class="pro_div"><span class="property_value"><i>有换机</i><ins>系统型号N开头（针对在保机器，2次以上按保修过保处理，含2次）</ins></span>--%>
<%--                                <span class="gou"></span></div>--%>
<%--                        </li>--%>
                        <div class="clear"></div>
                    </ul>
                </dd>
            </dl>
            <div id="step2_nav" class="property_nav">
                <div id="btn_step2_back" class="btn_back">< 返回上一步</div>
                <div id="btn_step2_next" class="btn_next">下一步 ></div>
            </div>
        </div>
        <!--第二步-->
        <!--第三步-->
        <div id="property_step3" class="hide">
            <dl>
                <dd class="" id="pingu_mx_659">
<%--                    <input type="hidden" name="desc_pid[]" value="659"/>--%>
                    <input type="hidden" name="desc_id[]" id="desc_id_659" value="0"/>
                    <div class="property_title"><h3>外观情况</h3></div>
                    <ul id="ul3">

                        <script type="text/javascript">
                            doQuery3();
                            function doQuery3(){
                                $.post("${pageContext.request.contextPath}/detail/detailList3",{good_name:"${good_name}"},function(res) {
                                    // console.log(res);
                                    showData3(res);
                                },"json");
                            }
                            //渲染数据
                            function showData3(res){
                                $("#ul3").html("");
                                var roles = res;
                                for (var i = 0; i < roles.length; i++) {
                                    var role = roles[i];
                                    var str = " <li onClick=\"item_click(this,'version','725')\" name=\"sx_child_1\" id='"+role.info_detail_id+"'>  ";
                                    str += "  <div class=\"pro_div\"> ";
                                    str += " <span class=\"property_value\"><i>"+role.info_detail_name+"</i> ";
                                    str += " <ins>"+role.info_detail_desc+"</ins></span><span class=\"gou\"></span></div></li> ";
                                    $("#ul3").append(str);
                                }
                            }
                        </script>
<%--                        <li class="" onClick="item_click(this,'659','660')" name="mx_child_659">--%>
<%--                            <div class="pro_div"><span class="property_value"><i>全新机</i><ins>原封未拆/未使用（需提供身份证及购机发票，无法提供不回收）</ins></span><span--%>
<%--                                    class="gou"></span></div>--%>
<%--                        </li>--%>
                        <div class="clear"></div>
                    </ul>
                </dd>
            </dl>
            <div id="step3_nav" class="property_nav">
                <div id="btn_step3_back" class="btn_back">< 返回上一步</div>
                <div id="btn_step3_next" class="btn_next" onclick="price()">查看价格 >
                </div>
                <script type="text/javascript">
                    function price() {
                        //获取class=selected
                        var titles = document.querySelectorAll(".selected");
                        var array = [];
                        for (var i = 0; i < titles.length; i++) {
                            array[i] = $(titles[i]).attr('id');
                        }
                        var s = array.toString();
                        window.location.href=" ${pageContext.request.contextPath}/good/price?infoDetailList="+s+"&good_name=<%=good_name%>";
                    }
                </script>

            </div>
        </div>
        <!--第三步-->
    </div>

</div>
<!--评估流程-->
<!--隐藏的评估描叙选项start-->
<div style="display:none; background-color:#CCCCCC;">
</div>
<!--隐藏的评估描叙选项end-->
<script>
    $(document).ready(function () {
        $("#step1_nav .btn_next").bind('click', step1_next);
        $("#step2_nav .btn_next").bind('click', step2_next);
        $("#step2_nav .btn_back").bind('click', step2_back);
        $("#step3_nav .btn_back").bind('click', step3_back);

        $("input[name='property[]']").each(function () {
            $(this).val(0);
        })
        $("#property_step1 input[name='desc_id[]']").each(function () {
            $(this).val(0);
        })
        $("#property_step3 input[name='desc_id[]']").each(function () {
            $(this).val(0);
        })
        $("#pj_ids").val(0);
    })
</script>
<!--[if lte IE 6]>
<script src="../js/new_js/png.js" type="text/javascript"></script>
<script type="text/javascript">
    DD_belatedPNG.fix('img,.banner ul, li, dl, dt, dd, span, em, div, i, samp, a, b, .kuang');
</script>
<![endif]-->
</body>
</html>
